.colorPopover-container { width: auto }
.colorPopover-container:not([data-mode="highlight"]) .colorPopover-title-highlight,
.colorPopover-container[data-mode="highlight"] .colorPopover-title { display: none }

.colorPopover-selection { height: $sizeColorListItem }

.colorPopover-custom {
    display: flex;
    justify-content: space-between;
    margin-top: .5em;

    input[type="text"] {
        width: 100px;
        height: auto;
        line-height: initial;
        padding: .2em .5em;
        box-shadow: none;
        margin: 0
    }
}
.colorPopover-input-selectColor { margin: 0 !important }

.colorPopover-btn-choose.colorPopover-btn-choose.colorPopover-btn-choose {
    height: auto;
    line-height: initial;
    padding: .2em .5em
}

.colorPopover-footer {
    padding: .5em !important
}

[class*="colorPopover-title"] {
    font-size: 1em;
    padding: .5em .5em 0;
    text-align: left;
    font-weight: normal;
    margin: 0
}

.colorPopover-container[data-mode="highlight"] {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}
